@charset "utf-8";

/**
===============================================================
	author : Lion.lu
	name   : CSS rest
	date   : 2017-05-6
	QQ     : 190256820
===============================================================
**/

 html { overflow-y: scroll; }
*html { background-image:url(about:blank); background-attachment:fixed; }

/* 清除内外边距 */
h1, h2, h3, h4, h5, h6, hr, p, blockquote, 		/* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,							/* list elements 列表元素 */
pre, 											/* text formatting elements 文本格式元素 */
fieldset, form, button, input, textarea, 		/* form elements 表单元素 */
th, td , 										/* table elements 表格元素 */
body { margin: 0; padding: 0; }

/* 设置默认字体样式 */
body,input,button,form{font-size:14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color:#333333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; }
i, em { font-style: normal; }

/** 重置图片元素 **/
img { border: none; vertical-align: top;}

/** 重置列表元素 **/
ul, ol, li { list-style: none; }

/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing: 0;}

/**重置表单元素**/
input[type=submit] { cursor:pointer; }
input[type=button] { cursor:pointer; }
textarea { resize: none; overflow:auto; }

/** 默认链接元素 **/
a { color: #444; text-decoration: none;
	-webkit-transition: color .2s;
	   -moz-transition: color .2s;
	    -ms-transition: color .2s;
	     -o-transition: color .2s;
	        transition: color .2s;
}
a:hover { color: #f00; text-decoration: underline; }
a:focus { -moz-outline-style: none; }
a:focus { outline: none;} 
a * { cursor: pointer; }
q:before,q:after{ content:none; }

/** 浮动元素 **/
.fl,.ifl{ float: left; *display: inline; }
.fr ,.ifr{ float: right; *display: inline; }

/* 清除浮动 */
.clearfix:after{ display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; }
.clearfix{ *zoom:1; }
.clear{clear:both; height:0; line-height: 0; font-size: 0; overflow:hidden;}

/* 溢出 / 隐藏 */
.over{overflow:hidden;}
.hide{display:none;}

li a {display: block;}
/* global style */



@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1467873970'); /* IE9*/
  src: url('iconfont.eot?t=1467873970#iefix') format('embedded-opentype'), /* IE6-IE8 */
   
  url('iconfont.ttf?t=1467873970') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1467873970#iconfont') format('svg'); /* iOS 4.1- */
}

.container { width: 1000px; margin: 20px auto; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb50 { padding-bottom: 50px; }
.pb80 { padding-bottom: 80px; }


.mb10 { margin-bottom: 10px; }
.mb30 { margin-bottom: 30px; }
.mt30  {margin-top: 30px; }

.rf{color:#ed1c24;}
.wf{color:#fff;}
.b-f3{background: #f3f3f3;}
 
.w100{width:100%;max-width:1003px;margin:0 auto;}
.w98{width: 98%;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.w90{width:90%;max-width:1020px;margin:0 auto;}
.w90b{width:90%;max-width:810px;margin:0 auto;}
.w60{width:66.6666%;}
.w30{width:33.3333%;}


.w48{width:48%;}
.f36 {font-size:36px}
 
/* top */
.container {width:98%;max-width:1200px;margin:0 auto;overflow:hidden;}
.top-line,.top-line a{border-bottom: 1px solid #ccc;font-size:.8em;background:#339966;color:#fff;}
.top-line .inner{height:30px;line-height:30px;}
.top-line .inner .top-line-f a{color:#fff;font-size:.8em;margin:0 6px;}
.top-line .inner .top-line-f a:hover{color:#005bac;}
.header {margin-top:-21px;}
.top {margin:15px 0 0 0;}
.logo {height:50px;}
.tel{height:60px;line-height:60px;}
.tel:before{content: "\e60c"; font-family: "iconfont" !important;font-size:4em;color:#339966;opacity: .6;}
.tel div{float:right;padding:10px 0 10px 20px;}
.tel div p{height:1.6em;line-height:1.6em;font-size:1.5em;width:100%;font-weight:600;letter-spacing:1px;}
.tel div p.f3f{font-size:0.8em;font-weight:400;color:#343434;}
.tel div p.f3f i{font-size:1.2em;color:#EE1C25;font-weight:600;}
.tel div p.red{font-family: "impact" !important;color:#339966;font-weight:300;letter-spacing:0.1em;}
.language {text-align:right;}
.language a {padding:0 5px 0 5px;}
.language a:hover {color:#eb3c00;}
.navbar {background:#003366;}
.nav {z-index:99;/* IF .navbar position=relative -> ul = container width,ELSE ul = 100% width */}
.nav:before,.nav:after {content:"";display:table;}
.nav:after {clear:both;}
.nav>li>a {color:#fff;font-size:16px;text-align:center;line-height:50px;}
.nav>li>a:hover {background:#339966;}
.nav>li {float:left;text-align:center;}
/**/
.nav > li > div {display:none;width:100%;background:#333;position:absolute;z-index:99;top:54px;left:0;margin:0;padding:10px 0;list-style:none;}
.nav > li > div > ul:before,.nav > li > div > ul:after {content:"";display:table;}
.nav > li > div > ul:after {clear:both;}
.nav > li > div > ul > li {}
.nav > li > div > ul > li:hover>a {}
.nav > li > div > ul > li>a {}
 
.li125 li {width:12.5%;}
.menu-mobile {display:none;padding:10px;}
.mlogo {height:32px;padding-top:9px;}
.menu-mobile:after {content:"\e60e";line-height:50px;font-family:"iconfont" !important;font-size:2.5rem;padding:0;float:right;position:relative;top:0;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
.menu-dropdown-icon:before {content:"\e60e";font-family:"iconfont" !important;display:none;cursor:pointer;float:right;padding-right:10px;line-height:3em;color:#fff;}


@media only screen and (max-width: 768px) {
	.top-line,.top .container .fl,.top .container .fr{display:none;}
    .top {margin:0;}
	.navbar {background:#fff;}
	
	}
/* banner */
.banner {position:relative;background:#000;margin:0 auto;}
.banner .bd {position:relative;z-index:0;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1;}
.banner .hd ul { width:90%; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:40px; height:14px; margin:0 3px; /*border-radius:50%;*/ background:#ccc; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#339966; }

.shadow-bg{background-image:url(../images/shadow.png);height: 70px; background-position:center;}
.shadow-bg dl dd{float:left;}
.shadow-bg dl dd.keywords {font-size:14px;color:#000;font-weight:bold;line-height:70px;}
.shadow-bg dl dd.keyword {line-height:70px;margin:0px 6px;}
.shadow-bg dl dd.keyword a {color:#343434;font-size:14px;}
.shadow-bg dl dd.keyword a:hover {color:#339966;}
/* 底部 */
.footer-box {background:#003366;}
.footer {padding:66px 0 18px;width:98%;max-width:1100px;margin:auto;}
.address {float:left;width:50%;}
.address p {line-height:20px;color:#ffffff;font-size:1em;margin-bottom:8px;}
.address p:nth-child(n):hover {color: #ffff00;}
.address p:nth-child(1):before{content: "\e608"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(2):before{content: "\e60d"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(3):before{content: "\x"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(4):before{content: "\e614"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(5):before{content: "\e611"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(6):before{content: "\e612"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.address p:nth-child(7):before{content: "\e602"; line-height: 20px;font-family: "iconfont" !important;font-size: 1.0rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.footer-ri {float:right;width:48%;}
.eq {width:138px;text-align:center;margin-top:4px;float:right;margin-right:24px;text-align:right;}
.eq img {display:block;width:89px;height:89px;padding:4px;background:#fff;margin:auto;}
.eq p {color:#ffffff;text-align:center;margin-top:8px;font-size:12px;}
.footer-list {margin-top:20px;margin-right:2px;}
.footer-list li {float:left;}
.footer-list li a {display:inline-block;padding:0 15px;line-height:normal;color:#ffffff;font-size:12px;border-right:1px solid #959595;line-height:14px;}
.footer-list li:last-child a {border-right:none;}
.footer-list li a:hover {color:#339966;}
.copyright {padding:12px 0;background:#339966;color:#fff;}
.cope a {display:inline-block;color:#ffffff;margin-left:10px;}
.cope a:hover {color:#ffff00;}
.footernav {display:none;position:fixed;width:100%;left:0;bottom:0;z-index:999;background:#fff;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}

/*pro-nav*/
.pro-nav {width:292px;float:left;border:2px solid #339966;border-radius:6px;}
.pro-nav .pro-t-bg {width:100%;height:100px;background:#339966;border-radius:0 0 10% 10%;}
.pro-nav .pro-t-bg .tlt {font-size:2em;font-weight:800;text-align:center;padding-top:15px;color:#fff;}
.pro-nav .pro-t-bg .tlt-en {font-size:.8em;text-align:center;color:#FFFF00;}
.pro-nav h2{margin:20px 0;}
.pro-nav h2 a{margin:0 6% ;font-weight:600;font-size:1.2em;color:#003366;}
.pro-nav>ul {width:80%;margin:20px 8%;}
.pro-nav>ul>li {border-bottom:1px dashed #b6b6b6;line-height:44px;}
.pro-nav>ul>li a:before {content:"\e60c";margin:0  10px;font-family:"iconfont" !important;font-size:1em;color:#333;}
.pro-nav>ul>li a {font-size:1em;color:#000;}
.pro-nav ul li a:hover {color:#FF5A00;}
.pro-nav .contact {width:100%;height:100px;bottom:0px;background:#339966;}
.pro-nav .inner {padding:20px;}
.pro-nav .inner:before {float:left;content:"\e60c";font-family:"iconfont" !important;font-size:4em;color:#fff;margin:15px 10px 0 10px;text-shadow:5px 2px 6px #662603;}
.pro-nav .inner div {float:left;}
.pro-nav .inner div .c1 {font-size:.8em;color:#fff;letter-spacing:1px;text-shadow:2px 1px 3px #000;}
.pro-nav .inner div .c1 i {font-size:1.4em;font-weight:800;font-family:Georgia,"Times New Roman",Times,serif;margin:0 3px;letter-spacing:3px;}
.pro-nav .inner div .c2 {font-family:Georgia,"Times New Roman",Times,serif;font-size:1.39em;font-weight:600;color:#ffff00;text-shadow:5px 2px 6px #000;letter-spacing:2px;}
.pro-com {float:right;width:870px;}
.pro-c-in{display:none;}
.pro-com .hdhd {background:url(../images/bg-11.jpg) no-repeat center top;height:47px;line-height:47px;padding-right:20px;}
.pro-com .hdhd h1 {border-left:5px solid #339966;font-weight:bold;font-size:16px;color:#339966;margin-left:12px;line-height:22px;padding-left:20px;float:left;}
.pro-com .hdhd .m {width:50px;float:right;color:#333;font-size:12px;padding:0 15px;line-height:22px;border:1px solid #339966;border-radius:5px;}
.pro-com .hdhd .m a {}
.pro-com .bdbd {padding:26px 15px 0;border-top:1px solid #ccc;}
.bigPic li,.bigPic {position:relative;}
.bigPic li span {position:absolute;bottom:0;left:0;background:rgba(0,0,0,.4);color:#fff;z-index:99;display:block;height:34px;line-height:34px;font-size:14px;right:0;padding-left:18px;}
.bigPic li img {width:50%;height:auto;max-height:268px;float:left;margin:10px 1% 10px;border:1px solid #ccc;}
.bigPic li .con {width:36%;float:left;margin:10px 0 0 3%;}
.bigPic li h3 {font-size:16px;color:#000;font-weight:bold;line-height:50px;}
.bigPic li .p2 {height:125px;line-height:25px;overflow:hidden;}
.bigPic li .p3 {margin:20px 0 0 20px;height:38px;line-height:38px;}
.bigPic li .p3 a {float:left;color:#fff;font-size:1em;text-align:center;transition:all .4s;}
.bigPic li .p3 a.a1 {width:116px;background:#339966;margin:0 5px;border:1px solid #339966;border-radius:10px;}
.bigPic li .p3 a.a1:hover {background:#003366;border:1px solid #003366;}
.bigPic li .p3 a.a2 {width:116px;background:#003366;margin:0 5px;border:1px solid #003366;border-radius:10px;}
.bigPic li .p3 a.a2:hover {background:#339966;border:1px solid #339966;}
.bigPic .bigPic-on {position:absolute;right:16px;bottom:6px;z-index:99;}
.bigPic .bigPic-on li {display:inline-block;width:11px;height:11px;border-radius:50%;margin:0 3px;background:#fff;text-indent:99em;overflow:hidden;}
.bigPic .bigPic-on li.on {background:#ea9d20;}
.picBox {padding-top:14px;overflow:hidden;}
.picBox ul {width:740px;}
.picBox li {float:left;border:1px solid #cfc5c4;margin:0 28px 14px 0;}
.picBox li img {width:214px;height:143px;}
.picBox .box {border-top:1px solid #cfc5c4;}
.picBox .box .p1 {font-size:12px;color:#464646;text-align:center;height:26px;line-height:26px;}
.picBox .box .p2 {text-align:center;padding-bottom:5px;}
.picBox .box .p2 a {height:20px;width:84px;line-height:20px;text-align:center;display:inline-block;margin:0 2px;color:#fff;}
.picBox .box .p2 a.a1 {background:#339966;}
.picBox .box .p2 a.a2 {background:#003366;}
@media only screen and (max-width: 768px) {
.picBox ul {width:100%;}
.picBox li {width:90%;float:none;border:1px solid #cfc5c4;margin:10px auto;}
.picBox li img {width:100%;height:auto;}}
.map { height: 400px;margin:40px 0 2px 0;}
/*link*/
.ilink{ height: 100px; line-height: 20px; padding: 30px 0; background: #f1f1f1; color: #000;}
.ilink h3{ width: 102px; height: 26px; font-size: 18px; line-height: 26px; display: inline-block; *display: inline; vertical-align: middle; zoom: 1; margin-right: 5px; border-right: 1px solid #cccccc;color:#003366;}
.ilink a{ height: 26px; line-height: 26px; font-size: 12px; color: #000; vertical-align: middle; padding: 0 14px; border-left: 1px dashed #cfcfcf; display:inline-block;}
.ilink .a1{ border-left: 0px; }
.ilink a:hover{ color: #005BAC; }